<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <link rel="stylesheet" href="css/css.css">
</head>
<body id="lanrentuku">
    <div class="mian">
        <img src="images/mian.png" alt="">
    </div>
    <div class="nav">

        <ul>
            <li class="li1"><a href="index.html">首页</a><span></span></li>
            <li class="li1"><a href="Personal.html">个人介绍</a><span></span></li>
            <li class="li1"><a href="college.html">校园风光</a><span></span></li>
            <li class="li1"><a href="Department.html">系部简介</a><span></span></li>
            <li class="li1"><a href="Campusnews.html">校园新闻</a><span></span></li>
            <li class="li1"><a href="seasons.html">四季如歌</a><span></span></li>
            <li class="li1"><a href="Rotating.html">旋转动漫</a><span></span></li>
            <li ><div id="div" style="width: 300px; height: 30px;"></div>
                <script id="liu">
                var i=0;
                function myDate(){
                    var now=new Date();
                    var year=now.getFullYear();
                    var month=now.getMonth()+1;
                    var day=now.getDate();
                    var hours=now.getHours();
                    hours=hours>10?hours:+hours;
                    var minutes=now.getMinutes();
                    minutes=minutes>10?minutes:+minutes;
                    var seconds=now.getSeconds();
                    seconds=seconds>10?seconds:"0"+seconds;
                
                document.getElementById("div").innerHTML="现在是"+year+"年"+month+"月"+day+"日"+" "+hours+":"+minutes+":"+seconds;
                }
                setInterval(myDate,1000);
                </script></li>
        </ul>
    </div>
    <div style="width:100%;margin:0 auto;"><img src="images/20" alt=""></div>
    <div class="outer">
        <div class="inner">
        <img src="images/lun1.png" alt="">
        <img src="images/lun2.png" alt="">
        <img src="images/lun3.png" alt="">
        <img src="images/lun4.png" alt="">
        <img src="images/lun1.png" alt="">
        </div>  
        </div>
        <div class="qie">
        <p id="li">切换背景</p>
        <div id=lanren style="float:left;width:50px;height:50px;BORDER: #FFF 3px solid;background-image:URL(image/1.jpeg)" onclick="document.all.lanrentuku.style.backgroundImage='URL(images/1.jpeg)'"></div>
        <div id=lanren style="float:left;width:50px;height:50px;BORDER: #FFF 3px solid;background-image:URL(image/2.jpeg)" onclick="document.all.lanrentuku.style.backgroundImage='URL(images/2.jpeg)'"></div>
        <div id=lanren style="float:left;width:50px;height:50px;BORDER: #FFF 3px solid;background-image:URL(image/3.jpeg)" onclick="document.all.lanrentuku.style.backgroundImage='URL(images/3.jpeg)'"></div>
        <div id=lanren style="float:left;width:50px;height:50px;BORDER: #FFF 3px solid;background-image:URL(image/4.jpeg)" onclick="document.all.lanrentuku.style.backgroundImage='URL(images/4.jpeg)'"></div>
        <div style="clear:both"></div>
        </div>
        <div class="yi box1">
            <div class="box3">
            <img src="images/tang1.gif" alt="">
        </div>
        <div class="box4">
            <img src="images/tang.gif" alt="">
        </div>
        </div>
    <div class="zuo">
        <img style="border-bottom: white solid 2px;" src="images/zhq.jpg" alt="">
 <h3>正气歌</h3>
 <p>天地有正气，杂然赋流形。下则为河岳，上则为日星。<br>
    于人曰浩然，沛乎塞苍冥。皇路当清夷，含和吐明庭。<br>
    时穷节乃见，一一垂丹青。在齐太史简，在晋董狐笔。<br>
    在秦张良椎，在汉苏武节。为严将军头，为嵇侍中血。<br>
    为张睢阳齿，为颜常山舌。或为辽东帽，清操厉冰雪。<br>
    或为出师表，鬼神泣壮烈。或为渡江楫，慷慨吞胡羯。<br>
    或为击贼笏，逆竖头破裂。是气所磅礴，凛烈万古存。<br>
    当其贯日月，生死安足论。地维赖以立，天柱赖以尊。<br>
    三纲实系命，道义为之根。嗟予遘阳九，隶也实不力。<br>
    楚囚缨其冠，传车送穷北。鼎镬甘如饴，求之不可得。<br>
    阴房阗鬼火，春院閟天黑。牛骥同一皂，鸡栖凤凰食。<br>
    一朝蒙雾露，分作沟中瘠。如此再寒暑，百沴自辟易。<br>
    嗟哉沮洳场，为我安乐国。岂有他缪巧，阴阳不能贼。<br>
    顾此耿耿在，仰视浮云白。悠悠我心悲，苍天曷有极。<br>
    哲人日已远，典刑在夙昔。风檐展书读，古道照颜色。<br>
    </p>

    </div>
    <div class="you">
        <img style="border-bottom: white solid 2px;" src="images/dao.png" alt="">
        <h3>道德经</h3>
    <p>道可道,非常道。名可名，非常名。无名天地之始﹔ <br>
       有名万物之母。故常无，欲以观其妙﹔常有，欲以  <br>
       观其徼。此两者同出而异名，同谓之玄，玄之又玄，<br>
       众妙之门。天下皆知美之为美，斯恶已；皆知善之  <br>
       为善，斯不善已。故有无相生，难易相成，长短相  <br>
       形，高下相倾，音声相和，前後相随。是以圣人处  <br>
       无为之事，行不言之教，万物作焉而不辞，生而不  <br>
       有，为而不恃，功成而弗居。夫惟弗居，是以不去。<br>
       不尚贤，使民不争；不贵难得之货，使民不为盗不  <br>
       见可欲，使民心不乱。是以圣人之治，虚其心，实  <br>
       其腹；弱其志，强其骨。常使民无知无欲，使夫知  <br>
       者不敢为也。为无为，则无不治。道冲而用之或不  <br>
       盈，渊兮似万物之宗。挫其锐，解其纷，和其光同  <br>
       其尘。湛兮其若存，吾不知谁之子，象帝之先。天  <br>
       地不仁，以万物为刍狗；圣人不仁，以百姓为刍狗。<br>
    </p>
   
    </div>
    <div class="tu">
    </div>
    </body>
    </html>